<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <!-- SITE META -->
    <title>首页-商城</title>
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="keywords" content="">

    <!-- FAVICONS -->
    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="57x57" href="/shop/static/shopShow/view1/images/apple-touch-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/shop/static/shopShow/view1/images/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/shop/static/shopShow/view1/images/apple-touch-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/shop/static/shopShow/view1/images/apple-touch-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/shop/static/shopShow/view1/images/apple-touch-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="/shop/static/shopShow/view1/images/apple-touch-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/shop/static/shopShow/view1/images/apple-touch-icon-152x152.png">

    <!-- TEMPLATE STYLES -->
    <link rel="stylesheet" type="text/css" href="/shop/static/shopShow/view1/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="/shop/static/shopShow/view1/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="/shop/static/shopShow/view1/css/style.css">

    <!-- CUSTOM STYLES -->
    <link rel="stylesheet" type="text/css" href="/shop/static/shopShow/view1/css/prettyPhoto.css">
    <link rel="stylesheet" type="text/css" href="/shop/static/shopShow/view1/css/animate.css">
    <link rel="stylesheet" type="text/css" href="/shop/static/shopShow/view1/css/responsive.css">
    <link rel="stylesheet" type="text/css" href="/shop/static/shopShow/view1/css/custom.css">

    <!--[if IE]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

</head>
<body>

    <!-- START SITE -->
    <div id="wrapper">
			<#include "/shopShow/view1/common/header.html"/>
        <section class="section single-wrap">
            <div class="container">
                <div class="page-title public-profile-title">
                    <div class="row">
                        <div class="col-sx-12 text-center">
                            <h3>${shopInfo.shopName!''}</h3>
<!--                        <p>Hundreds of PSD templates, mobile applications, UI & material elements! Upload your own <br> handmade digital items and make money!</p>-->                            
							<a href="#" class="followbtn">登录</a> <span>-</span> <a href="#" class="followbtn">注册</a>
                        </div>
                    </div>
                </div>

                <div class="content-before">
                    <div class="row">
                        <div class="col-md-6 col-sx-12 cen-xs">
                            <form class="dropForm" id="pageinationForm" action="/shop/free/${shopInfo.id!'100000'}/index" method="post">
                            	<input type="hidden" id="pageNo" name="pageNo" value="${pageNo!''}" />  
                                <div class="input-prepend">
                                    <input type="text" name="productName" class="form-control" value="${productName!''}" placeholder="在这里搜索">
                                    <button class="btn btn-primary"  tabindex="-1"><i class="fa fa-search"></i></button>
                                </div>
                            </form>
                        </div>
                    </div><!-- end row -->
                </div><!-- end content before -->

                <div class="content">
                    <div class="row">
                        <div class="col-md-12 general-title">
                            <h4>最新上架<span class="hidden-xs"><!-- <a href="shop-four.html">View all</a> --></span></h4>
                            <hr>
                        </div><!-- end col -->
                    </div><!-- end row -->
                    <div class="row">
                    <#if data?? && (data?size > 0)>
                    	<#list data as product>
                        <div class="col-md-3 col-sm-6">
                            <div class="item-box">
                                <div class="item-media entry">
                                    <img src="${product.productCover!''}" alt="封面" class="img-responsive" style="height:242px !important">
                                    <a href="/shop/free/productDetial?id=${product.id!''}">
                                    <div class="magnifier">
<!--                                    <div class="item-author">
                                            <a href="public-profile.html"><img src="upload/member_01.jpg" class="img-circle" alt=""> Amanda</a>
                                        </div>end author -->
                                    </div>
                                    </a>
                                    <div class="theme__button">
                                        <p>￥${product.productPrice!'0'}</p>
                                    </div>
                                </div><!-- end item-media -->
                                <h4>${product.productName!''}</h4>
                                <small><i class="fa fa-eye"></i> ${product.browseNumber!'0'}</small>
                                <small><i class="fa fa-line-chart"></i> ${product.productSales!'0'}</small>
                            </div><!-- end item-box -->
                        </div><!-- end col -->
                        </#list>
                    <#else>
                    <div class="text-center">
                         <h3><strong>无相关商品</strong></h3>
                    </div>
                    </#if>    
                    </div><!-- end row -->
                </div><!-- end content -->
    
             <div class="content-after text-center boxs">
                    <div class="row">
                        <div class="col-md-12">
                            <nav class="pagination-wrapper">
                                <ul class="pagination">
				                <!--分页 -->  
				                    <#import "/common/page.html" as cast/>  
				                    <!-- 使用该标签 -->  
				                    <@cast.page pageNo totalPage 7/> 
				                <!--分页结束 -->  
                                </ul>
                            </nav>
                        </div>
                    </div><!-- end row -->
                </div><!-- end content after  -->

                <div class="content-message boxs">
                    <div class="row">
                        <div class="col-md-10 col-md-offset-1 text-center">
                            <!-- <h2>See why over 10,000 designers and developers trust Catalog. Ready to take your marketplace to the next level?</h2> -->
                            <a href="/shop/user/register" class="btn btn-default btn-lg">创建自己的个人商城</a>
                        </div>
                    </div><!-- end row -->
                </div><!-- end content message -->
            </div><!-- end container -->
        </section>
        <#include "/shopShow/view1/common/foot.html"/>
    </div><!-- end wrapper -->
    <!-- END SITE -->
    <script src="/shop/static/shopShow/view1/js/jquery.min.js"></script>
    <script src="/shop/static/shopShow/view1/js/bootstrap.js"></script>
</body>
</html>